const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    // target:'web',
    // watch:true,
    // 入口
    entry:'./src/index.js',

    // 出口
    // output:{}

    // 开发服务器
    devServer:{
    },

    module:{
        rules:[
            // 编译JSX:babel
            {
                test:/\.js$/,
                use:{
                    loader:'babel-loader',
                    // 配置babel插件
                    options:{
                        // plugins:[]
                        presets:['@babel/preset-react'],// 插件集合
                    }
                }
            },

            // css加载器
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },

            // sass加载器
            {
                test:/\.scss$/,
                use:['style-loader','css-loader','sass-loader']
            }
        ]
    },

    plugins:[
        new HtmlWebpackPlugin({
            template:'./src/template.html'
        })
    ]
}